function aboutmenu() {
    $('#main_menu>ul').height($(window).height())
    $('#main_headnav').width($(window).width() - $('#main_menu').width())
    $('#main_headnav').css({
        'position': 'fixed',
        'top': '0',
        // 'left': `${$('#main_menu').width()}` + 'px'
        // 'right': '0',
    })
    $('#mycentent').height($(window).height())

}
aboutmenu()
$('#myul').on('click', 'div', function () {
    $(this).parent().siblings().removeClass('menucolor')
    $(this).parent().addClass("menucolor")
    if ($(this).parent().children('ul').length != 0) {
        let num = $(this).parent().children('ul').children('li').length + 1
        // console.log(num);
        if ($(this).parent().height() == `${num * 50}`) {
            $(this).parent().height(50)
        } else {
            $(this).parent().height(num * 50)
        }
    }
    $(this).parent().siblings().height(50)
});
$('#logo').click()
$('#hidenmenu').click(function () {
    $('#main_menu').removeClass("col-md-2");
    if (!$('#main_menu').hasClass("hiden")) {
        $('#main_menu').removeClass("col-md-2")
        $('#main_menu').addClass('hiden')
        $('#left_content').removeClass("col-md-10");
        $('#left_content').addClass("col-md-12");
    } else {
        $('#main_menu').removeClass('hiden')
        $('#main_menu').addClass("col-md-2")
        $('#left_content').removeClass("col-md-12");
        $('#left_content').addClass("col-md-10");
    }
    aboutmenu()
})
$('#tc').click(function () {
    location.href = '../login.html'

})